<%-- 
    Document   : cabecera
    Created on : 17-ago-2013, 17:50:15
    Author     : Carlos
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<s:set name="userName" value="#session.userName" />
<s:set name="listadocarrito" value="#session.listadocarrito" />

<div id="cabecera">
 	<div class="fila">
 		<div class="contenido_borde_izq">
 			<div class="contenido_borde_der">
 				<div class="columna_derecha">
					<div class="menu">
						<ul class="nav nav-justified" id="main_nav">
							<li class="active"><a href="Inicio.action" class="home"><span>HOME</span><img
									src="../img/icon/home.png" alt="home icon" /></a></li>
							<li><a href="Soporte.action">SOPORTE</a></li>
							<s:if test="#userName!=null">
								<li><a href="Account.action">MI CUENTA</a></li>
							</s:if>
							<s:else>
								<li><a href="Login.action">MI CUENTA</a></li>
							</s:else>
							<li><a href="Info.action">INFORMACIÓN</a></li>
							<li><a href="Contact.action">CONTACTO</a></li>
						</ul>
					</div>
					<div class="menu">
						<s:if test="#userName==null">
			              <ul class="botones">
			                <li><a href="Login.action" class="boton_login">INICIAR SESIÓN</a></li>
			                <li><a href="Register.action" class="boton_registro">REGÍSTRATE</a></li>
			              </ul>
			            </s:if>
			            <s:else>
			            	<p class="azul">Bienvenido, <strong><s:property value="%{#userName}" /></strong></p>
							<p align="center"><a href="logoutLogout.action">Salir de Liwalo</a></p>
			            </s:else>
		            </div>

					<a data-toggle="modal"  href="#modalCarrito" class="carrito">CARRITO</a>

		              <!-- POPUP CARRITO START -->
		              <div class="modal fade" id="modalCarrito" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		                <div class="modal-dialog">
		                  <div class="modal-content">
		                    <div class="modal-header">
		                      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		                      <h4 class="modal-title">Contenido de tu carrito</h4>
		                    </div>
		                    <div class="modal-body" id="carrito_articulos">
		                      <!-- CONTENIDO CARRITO START -->
		
		                      <ul class="carrito_articulos" >
		                      <s:if test="#listadocarrito==null || #listadocarrito.size==0">
		                      		
		                     	 <div style="color:#00AADE;"><h1>Tu carrito está vacío</h1></div>
		                      		
		                      </s:if>
		                      <s:else>
		                      <s:iterator value="listadocarrito" >
										
					                        <li>
					                          <div class="articulo alimentacion">
					                         
					                            <a href="">
					                            <s:iterator value="productoId.imgProductoList" status="listadoimagenes" var="imagenes">
						                             <s:if test="#listadoimagenes.first==true">
						                             <img src="<s:url value="%{getText('imagenes.display.path')}"/><s:property value='img'/>" />   
						                          
						                              </s:if>
					                            </s:iterator>
					                              <div class="articulo_nombre">NOMBRE: <s:property value="productoId.nombre" /></div>
					                              <div class="articulo_precio">PRECIO: <s:property value="productoId.precio" />€</div>
					                            </a>
					                          </div>
					                        </li>
			                        </s:iterator>
									
									
		                        </s:else>
		                        

							</ul>
		                      <!-- CONTENIDO CARRITO END -->
		                    </div>
		                    <div class="modal-footer">
		                      <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
		                     <s:if test="#listadocarrito==null || #listadocarrito.size==0">
		                     </s:if><s:else>
		                      <a href="javascript:pagarAhora()" class="btn btn-primary btn-lg">Comprar ahora</a>
		                     </s:else>
		                     
		                    </div>
		                  </div>
		                </div>
		              </div>
		              <!-- POPUP CARRITO END -->
				</div>
			</div>
		</div>
	</div>

	<div class="columna_izquierda">
		<div id="logo">
			<a href="Inicio.action"><span>LIWALO LIKE - WANT - LOVE</span><img
				src="../img/logo_titulo.png" alt="Liwalo logo con titulo" /></a>
		</div>
		<ul class="list-inline text-center social">
			<li><a href="https://www.facebook.com/pages/Liwalo/359581467498191" title="LIWALO Facebook" class="facebook" target="_blank"><span>LIWALO
						Facebook<img src="../img/icon/facebook_hover.png" alt="facebook icon" />
				</span></a></li>
			<li><a href="http://www.twitter.com/LiwaloInfo" title="LIWALO Twitter" class="twitter" target="_blank"><span>LIWALO
						Twitter<img src="../img/icon/twitter_hover.png" alt="Twitter icon" />
				</span></a></li>
			<li><a href="http://www.youtube.com/user/LIWALOcom" title="LIWALO YouTube" class="youtube" target="_blank"><span>LIWALO YOUTUBE<img src="../img/icon/youtube_hover.png" alt="YOUTUBE icon" /></span></a></li>
			<li><a href="mailto:info@liwalo.com" title="LIWALO Email" class="mail"><span>LIWALO
						Email<img src="../img/icon/mail_hover.png" alt="Email icon" />
				</span></a></li>
		</ul>
	</div>
</div>
<form name="cabcera"></form>
<script type="text/javascript">
function pagarAhora(){
	  document.cabcera.action="PagoSeleccion";
    document.cabcera.submit();
}

</script>
<script src="../js/jquery.js"></script>
<script src="../js/jquery.simplePagination.js"></script>
<script src="../js/gallery.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/jquery.form.js"></script>